<template>
  <div id="app">

    <router-view/>

  </div>
</template>

<style>
.ccc{
  border: 2px solid #0aa1ed
}
.el-main{
  overflow:visible;
}
a{
  text-decoration: none;
}
.c1{
  height: 85px/*;border: 2px solid #0aa1ed*/;border-radius: 5px;

}
.header-set{
  width: 1200px;height: 85px;margin: 0 auto;padding: 0;
}
#help-choose{
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #f29718;
}
.help-choose-two{
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #4a4a4a;
}
#test-advertisement{
  background-image: url("assets/images/test.png");
  background-size: 110%;
}
#test-advertisement-p{
  display: inline-block;width: 100px;height: 30px;
  color: white;text-align: center;
  line-height: 30px;
  font-size: 15px;
  text-decoration: none;
  background: #ff7d6e;
  border-radius: 3px;
  margin-right: 50px;
  float: right;
}
#test-advertisement-a:hover #test-advertisement-p{
  position:relative;
  width: 110px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  left: 5px;
  top: 5px;
}
#test-advertisement-p2{
  position:relative;
  display: inline-block;
  width: 150px;
  height: 34px;
  color: #304265;
  text-align: center;
  font-size: 26px;
  line-height: 34px;
  border-radius: 3px;
}
.brand a{
  line-height: 30px;
  width: 30px;
  text-decoration: none;
  color:#333;
}
.brand a:hover{
  color: #f29600;
}
.brand p{
  padding: 0;margin: 0;font-weight: bold;font-size: 20px
}
.second_main_p1{
  text-decoration: none;
  color:#413b5b;
  font-weight: bold;
  font-size: 25px;
  margin: 10px auto;
}
.second_main_p2{
  text-decoration: none;
  color:#413b5b;
  margin: 0;
}
.second_main:hover .second_main_p1{
  color:#f29600;
}
.three_a{
  position:relative;display: inline-block;left: 380px;top: 25px;
  text-decoration: none;
  font-weight: bold;
  width: 825px;
}
.three-p{
  float: right;font-size: 30px;margin: 0;font-weight:normal;
  text-decoration: none;color: #999;
}
.three_a:hover .three-p{
  color:#f29600;
}
.fourcar{
  transition-duration:1s;
}
.fourcar:hover{
  transform:scale(1.1) ;
}
.four-button{
  display: inline-block;width: 100px;height: 30px;
  color: white;text-align: center;
  line-height: 30px;
  font-size: 15px;
  text-decoration: none;
  background: #caa38c;
  border-radius: 3px;
  margin-right: 150px;
  margin-top: 20px;
  float: right;
}
.seven-card{

}
.seven-card:hover{
  position:relative;
  top: -5px;
}
#nine{
  border: 1px solid #e8e8e8;
}

.header-set .el-input__inner{
  border: 1px solid #f29600;
  border-radius: 0;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border:2px solid #f29600;
  outline: 0;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #f29600;
  color: #303133;
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #f29600;
}
.el-input-group__append, .el-input-group__prepend{
  color: #f29600;
  border: 2px solid #f29600;
  border-radius: 0;
}


.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #f29600;
  color: #303133;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #f29600;
  color: #f29600;
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #f29600;
}
</style>
